	@font-face {
		    font-family: 'Ubuntu';
		    font-style: normal;
		    font-weight: normal;
		    src: local('Ubuntu'), 
			url('fonts/Ubuntu-Regular.woff') format('woff');
	}

	* {
		margin: 0px;
		padding: 0px;outline: none;
	}
	
	html {
		min-height: 100%;
	}

	body {
		border:0; 
		margin:0; 
		padding:0;
		height: 100%;
		background: #4E0085;
		background:	url(images/cloud.png) no-repeat,
							-moz-linear-gradient(19% 75% 90deg,#67b0d7, #bdeaff);
		background:	url(images/cloud.png) no-repeat,
							-webkit-gradient(linear, 0% 0%, 0% 100%, from(#bdeaff), to(#67b0d7)); 
		background-position:left bottom;

	}
	
	
	form {
		border: 1px solid #6a8690;
		width: 250px;
		#height: 137px;
		-moz-border-radius: 20px;
		-webkit-border-radius: 20px;
		background:  -moz-linear-gradient(19% 75% 90deg,#42647F, #384b5f);
		background:	-webkit-gradient(linear, 0% 0%, 0% 100%, from(#384b5f), to(#42647F));
		margin:10px auto;
			padding: 20px;
			-moz-box-shadow:0px -5px 300px #67b0d7;
			-webkit-box-shadow:0px -5px 300px #67b0d7;
	}
	
	form.summary {
		height: 450px;
	}

	label {
		font-size: 12px;
		font-family: Ubuntu, arial;
		list-style-type: none;
		color: #fff;
		
		text-shadow: #000 1px 1px;
		margin-bottom: 10px;
		font-weight: bold;
		letter-spacing: 1px;
		text-transform: uppercase;
		display: block;
	}

	input {
	  -webkit-transition-property: -webkit-box-shadow, background;
	  -webkit-transition-duration: 0.25s;
	  	padding: 6px;
		border-bottom: 0px;
		border-left: 0px;
		border-right: 0px;
		border-top: 1px solid #e3eef4;
		-moz-box-shadow: 0px 0px 2px #000;
		-webkit-box-shadow: 0px 0px 2px #000;
		margin-bottom: 10px;
		background: #bdeaff;
		width: 230px;
		font-weight:bold; 
			float: left;
	}	
	
	input:hover {
		-webkit-box-shadow: 0px 0px 4px #000;
		background: #e3eef4;
	}
	
	input:focus {
		-webkit-box-shadow: 0px 0px 4px #000;
		background: #e3eef4;
	}
	
	input.submit {
		font-size: 17px;
		font-weight: bold;
		font-family: Ubuntu, Arial,'Helvetica Neue',Helvetica,sans-serif;
		text-shadow: 0 1px 1px rgba(255, 255, 255, 0.37);
		background: #8BAD68 url('images/button.gif') no-repeat right 0;
		border: 1px solid #2A3F56;
		
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		border-radius: 6px;
		
		-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(255, 255, 255, 0.7) inset;
		-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(255, 255, 255, 0.7) inset;
		box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(255, 255, 255, 0.7) inset;
		
		#margin: 12px 0 0 4px;
		padding: 1px 45px 0 15px;
		cursor: pointer;
		
		display: block;
		position: relative;
		float: right;
		
		-moz-background-clip: padding-box;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
		height: 42px;
		width: 120px;
		opacity: .9;
		-moz-opacity:.9;
		white-space: nowrap;
	}	

	
	input.submit:hover {
	#-webkit-box-shadow: 0px 0px 2px #000;
	#background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#45647F), to(#506987));
	#background:  -moz-linear-gradient(19% 75% 90deg,#506987, #45647F);
		opacity: 1;
	} 

	input.submit:active {
		-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3),0 1px 3px rgba(0, 0, 0, 0.7) inset;
		-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3),0 1px 3px rgba(0, 0, 0, 0.7) inset;
		box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3),0 1px 3px rgba(0, 0, 0, 0.7) inset;
		opacity: 1;
	}
	
	#doLogin {
		margin: 9px 0 0 4px;
		color: #030303;
	}
	
	#doRegister {
		margin: 3px 0 0 4px;
		color: #7A7A7A;
	}
	
	.info, .success, .warning, .error, .validation {
		position: relative;
		border: 1px solid;
		margin: 10px auto;
		width: 300px;
		padding:15px 10px 15px 50px;
		background-repeat: no-repeat;
		background-position: 10px center;
		
		font-size: 12px;
                font-family: Ubuntu, arial, sans-serif;
                list-style-type: none;
                color: #fff;

	}
	
	.info {
		  color: #00529B;
		  background-color: #BDE5F8;
		  background-image: url('images/icons/info.png');
		-moz-box-shadow: 0 0 10px 5px #BDE5F8;
		-webkit-box-shadow: 0 0 10px 5px #BDE5F8;
		box-shadow: 0 0 10px 5px #BDE5F8;	
	}
	
	.success {
		  color: #4F8A10;
		  background-color: #DFF2BF;
		  background-image:url('images/icons/success.png');
		-moz-box-shadow: 0 0 10px 5px #DFF2BF;
		-webkit-box-shadow: 0 0 10px 5px #DFF2BF;
		box-shadow: 0 0 10px 5px #DFF2BF;	
	}
	
	.warning {
		  color: #9F6000;
		  background-color: #FEEFB3;
		  background-image: url('images/icons/warning.png');
		-moz-box-shadow: 0 0 10px 5px #FEEFB3;
		-webkit-box-shadow: 0 0 10px 5px #FEEFB3;
		box-shadow: 0 0 10px 5px #FEEFB3;	
	}
	
	.error {
		color: #D8000C;
		background-color: #FFBABA;
		background-image: url('images/icons/error.png');
		-moz-box-shadow: 0 0 10px 5px #FFBABA;
		-webkit-box-shadow: 0 0 10px 5px #FFBABA;
		box-shadow: 0 0 10px 5px #FFBABA;	
	}
	
	.hidden {
		visibility: hidden;
	}
	
	form.register div {
		
		height: 35px;
		width: 35px;
		float: right;
		margin: -2px -40px;
		
	}
	
	form.register div.validinput{
		
		visibility: visible;
		background: url('images/icons/valid.png') no-repeat;
	}
	
	form.register div.notvalidinput{
		
		visibility: visible;
		background: url('images/icons/warning.png') no-repeat;
	}
	
	div.button {
		
		font-size: 17px;
		font-weight: bold;
		font-family: Ubuntu, Arial,'Helvetica Neue',Helvetica,sans-serif;
		
		text-shadow: 0 1px 1px rgba(255, 255, 255, 0.37);
		background: #8BAD68 url('images/button.gif') no-repeat right 0;
		border: 1px solid #2A3F56;
		
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		border-radius: 6px;
		
		-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(255, 255, 255, 0.7) inset;
		-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(255, 255, 255, 0.7) inset;
		box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(255, 255, 255, 0.7) inset;
		
		#margin: 12px 0 0 4px;
		padding: 1px 45px 0 15px;
		cursor: pointer;
		
		#display: block;
		position: relative;
		
		-moz-background-clip: padding-box;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
		height: 42px;
		width: 120px;
		opacity: .9;
		white-space: nowrap;
		
		line-height: 42px;
		
	}
		

	
